<#include "layout/template.ftl"/>

<@htmlHead title="编辑楼层">
</@htmlHead>


 
<@htmlBody 'page' 'floorManage'>


	<!-- breadcrumbs begin -->
	<#include "layout/breadcrumbs.ftl">
	<@breadcrumbs '页面管理' '楼层管理'></@breadcrumbs>
	<!-- breadcrumbs end -->

	<!-- page-content begin -->
	<div class="page-content">
			
			<!-- page-header begin -->
			<div class="page-header">
					<h1>
						编辑楼层
					</h1>
			</div>
			<!-- page-header end -->

			<!-- page-body begin -->
			<div class="row">	
				<div class="col-md-8 col-md-offset-2">
				
						<!-- 表单开始 -->
						<form class="form-horizontal" id="validation-form" method="post" action="${path}/manage/page/floor/update/${floor.id}" >
							<fieldset>
								
								<input type="hidden" name="id"  value="${floor.id}" />
								
					       		<div class="form-group">
									<label class="control-label col-md-2 no-padding-right" for="name">楼层名称:</label>
									<div class="col-md-10">
										<div class="clearfix">
											<input type="text" class="form-control" placeholder="请输入楼层名称" name="name"  id="name" value="${floor.name}" />
										</div>
									</div>
								</div>
								
								<div class="form-group">
									<label class="control-label col-md-2 no-padding-right" for="name">排序:</label>
									<div class="col-md-10">
										<div class="clearfix">
											<input type="text" class="form-control" placeholder="请输入排序" name="seq"  id="seq" value="${floor.seq}" />
										</div>
									</div>
								</div>
								
								<!-- 提交开始 -->
			                    <div class="form-group">
			                    	<div class="col-md-8 center">
				                    	<button id="form-submit" type="submit" class="btn btn-primary">
											<i class="fa fa-save align-top bigger-125"></i>保存
										</button>
									 
										<button type="reset" class="btn">
											<i class="fa fa-pencil align-top bigger-125"></i>重置
										</button>
									</div>					
		                   		</div>
								<!-- 提交结束  -->
								
							</fieldset>
						</form>
						<!-- 表单结束 -->
			
				</div>
			</div>
			<!-- page-body end -->
		
	</div>		
	<!-- page-content end -->

</@htmlBody>



<@htmlBodyScript>

	<!-- 验证框架 -->	
	<script src="${resources}/plugins/jquery-validation/jquery.validate.min.js"></script>
	<script src="${resources}/plugins/jquery-validation/messages_zh.min.js"></script>
	<script type="text/javascript">

			jQuery.validator.addMethod("isName", function(value, element) {       
	 			var corpName =  /^[\u0391-\uFFE5\w\-\s\.]{1,50}$/;
  				 return this.optional(element) || corpName.test(value);       
 			}, "请使用汉字、英文字母、数字、下划线、减号、空格或点");   
 			
	
			$('#validation-form').validate({
				errorElement: 'div',
				errorClass: 'help-block',
				focusInvalid: false,
				rules: {
					name: {
						required:true,
						maxlength: 50,
						isName:true
					},
					seq:{
						required:true,
						range:[1,1000]
					}
				},
		
				messages: {
				},
		
		
				highlight: function (e) {
					$(e).closest('.form-group').removeClass('has-info').addClass('has-error');
				},
		
				success: function (e) {
					$(e).closest('.form-group').removeClass('has-error');//.addClass('has-info');
					$(e).remove();
				},
		
				errorPlacement: function (error, element) {
					if(element.is('input[type=checkbox]') || element.is('input[type=radio]')) {
						var controls = element.closest('div[class*="col-"]');
						if(controls.find(':checkbox,:radio').length > 1) controls.append(error);
						else error.insertAfter(element.nextAll('.lbl:eq(0)').eq(0));
					}
					else if(element.is('.select2')) {
						error.insertAfter(element.siblings('[class*="select2-container"]:eq(0)'));
					}
					else if(element.is('.chosen-select')) {
						error.insertAfter(element.siblings('[class*="chosen-container"]:eq(0)'));
					}
					else error.insertAfter(element.parent());
				},
		
				submitHandler: function (form) {
					form.submit();
				},
				invalidHandler: function (form) {
				}
			});
	</script>
</@htmlBodyScript>